/* CSS Document */
*{ padding:0; margin:0;}
body{ padding:0; margin:0; font-family:"Microsoft Yahei"; font-size:14px; color:#000;min-width:1200px;position: relative}
p,div,a,h1,h2,h3,h4,h5,h6,span,ul,li,img,form,input,br,option{ padding:0; margin:0; border:0;}
ol,ul{ list-style:none;}
a{ text-decoration:none; color:#000;}
img{ border:0; }
input{ outline:0;}
.clear{ clear:both;}
.fix{*zoom:1;}
.fix:after{content:""; display:block; clear:both;}
/*........................................公共样式结束.........................................*/

/*顶部*/
.sign-in{ width:1200px; margin:0 auto 20px auto; height:53px; border-bottom:1px solid #ccc; padding-top:25px;}
.sign-in .left{ float:left; font-size:18px;}
.sign-in .right{ float:right;}
.sign-in .right button{ background:url(/public/images/order/tc.jpg) no-repeat; width:100px; height:30px; border:0;font-family:"Microsoft Yahei"; font-size:16px; color:#fff;}

.information{ border:1px dashed #7d0000; background:#f8f6f6; width:1168px; margin:0 auto; padding:15px; margin-bottom:20px;}
.information .left{ float:left; width:400px;}
.information .right{ float:right;width:400px;}
.information .portrait{ float:left; width:150px; margin-right:20px;}
.information .text{ float:left; width:230px;}
.information .text p{ font-size:16px; line-height:30px;width:500px;}
.information .text p .diqu{width:80px;display:block;float:left;}
.information .text p .address{width:420px;display:block;float:right;}
.information .right .up{ font-size:18px; margin-bottom:90px; float:right;}
.information .right .up p{float:left;  text-align:right;}
.information .right .up span+span{ padding-left:40px;}
.information .right .down p{ float:left;}
.information .right .down p.yq{ background:url(/public/images/order/yq.jpg) repeat-x; height:28px; font-size:16px; color:#fff; border:1px solid #8a1a1a; width:150px; text-align:center; line-height:28px;}
.information .right .down p.yq a{ color:#fff;}
.information .right .down{ float:right;}
.information .right .down p.hc{ font-size:14px; margin-left:30px;}

.content_main{ width:1200px; margin:0 auto 30px;position: relative;}
.content_main .leftbox{ float:left;z-index: 1; width:174px; border:1px solid #a0a19b; background:#ac201f; padding-top:24px;}
.content_main .rightbox{ float:right; width:1003px; border:1px solid #a0a19b; }


.content_main .leftbox .membermenu{width:174px;height:auto !important;overflow:visible !important;}
.content_main .leftbox .membermenu>li{width: 174px;margin-bottom: 14px;text-align: left;}
.content_main .leftbox .membermenu>li.hc{background: url(/public/images/order/menubg-active2.jpg) no-repeat center top;}
.content_main .leftbox .membermenu>li>a{display: block;width:120px;height:40px;padding-left: 54px;line-height: 40px;font-size: 16px;color:#fff;cursor:default;}
.content_main .leftbox .membermenu>li a.active{background: url(/public/images/order/menu_bg.jpg) no-repeat center top;}
.content_main .leftbox .membermenu>li:hover{cursor: pointer}
.content_main .leftbox .membermenu>li .sub-menu{padding-top:10px;}
.content_main .leftbox .membermenu>li:target > .sub-menu {display: block;}
.content_main .leftbox .membermenu>li .sub-menu li{width: 112px;height:40px;line-height: 40px;background: url(/public/images/order/menu_bg1.jpg) no-repeat 20px center; font-size:16px; padding-left:48px;}
.content_main .leftbox .membermenu>li .sub-menu li>a{display: block;font-size: 16px;color: #fff;}
.content_main .leftbox .membermenu li .sub-menu li a:hover{background: url(/public/images/order/menu_bg2.jpg) no-repeat 70px center;}
/* 右侧*/
.right_head{
    width: 963px;
    height: 52px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 20px;
    line-height: 52px;
    font-size: 16px;
    color:#fff;
    background: url(/public/images/shouye/nav.jpg) repeat-x;
}
.right_head p{
    color:#fff;
}
.right_heads{
    height: 66px;width: 987px;margin: 0 auto;
    border-bottom: 1px dashed #a0a0a0;
}
.right_heads p{
    font-size: 16px;line-height: 35px;padding-top: 20px;margin-left: 20px;
}
.right_heads p a{
    margin-right: 140px;
}
.right_heads p a span{
    color: red;
}
.right_top{
    height: 265px;width: 987px;margin: 0 auto;
}
.ri_box{
    width: 1003px;
    height: 265px;
    border-bottom: 1px solid #b2b2b2;
}
.right_top_head{
    width: 987px;
    height: 30px;
    background: #eee;
    margin-top: 20px;
}
.right_top_head ul{
    float: left;
}
.right_top_head .ri_ul li{
    float: left;
    padding: 0 20px;font-size: 14px;
    line-height: 30px;
}
.right_top_head .ri_ul2{
    margin-left: 50px;
}
.right_top_head .ri_ul2 li{
    float: left;
    padding: 0 0 0 70px;
    font-size: 16px;
    line-height: 30px;text-align: center;
}
.ri_ul2 .ri_li2{
    margin-left: 40px;
    position: relative;
}
.ri_heads{
    width: 987px;
    height: 200px;
}
.ri_heads .ri_le{
    width: 500px;
    height: 200px;
    float: left;
}
.ri_heads .ri_le .ri_leimg{
    float: left;
    width: 160px;
    height: 160px;
    border: 1px solid #a0a0a0;
    margin-top: 20px;
}
.ri_text{
    float: left;
    margin-top: 10px;
    width: 330px;
    height: 190px;
}
.ri_text a{
    display: inline-block;
    font-size: 16px;
    line-height: 35px;margin-left: 25px;
}

.ri_text p{
    font-size: 16px;
    line-height: 35px;
    margin-left: 15px;
}
.ri_text p span{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    /*margin-left: 35px;*/
}
.ri_text ul{
    width: 330px;
    margin-left: 15px;;
}
.ri_text ul li{
    width: 150px;
    height: 25px;
    float: left;
    line-height: 25px;
    font-size: 16px;
    border: 1px solid #bdbdbd;
    margin: 0px 0 10px 10px;
    background: url("/public/images/order/wjx_33.png") no-repeat 50% 4px;
}

.ri_text ul li span{
    display: inline-block;
    width: 70px;
    text-align: center;
}
.ri_text ul li span+span{
    display: inline-block;
    margin-left: 25px;
    width: 50px;
}
.ri_text .p{
    position: absolute;
    top: 340px;left: 360px;
}
.ri_ri_ul li{
    float: left;
    margin: 40px 0 0 55px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.ri_ri_ul li+li+li+li{
    margin-left: 60px;
    position: relative;
}

.ri_ri_ul .ri_li{
    margin-left: 40px;
    color: #fc0101;
    font-weight: bold;
}
.ri_ri_ul .ri_li2{
    margin-left: 400px;
    margin-top: -30px;
}
.ri_ri_ul .ri_li3{
    margin-left: 70px;
}

.ri_ri{
    width: 483px;
    height: 200px;
    float: left;
}
.right_top .texts{
    clear: both;
    left: 320px;
    margin-top: 10px;
    *margin-top: -10px;
    /*margin-left: 100px;*/
    text-align: center;
}
.right_tops{
    width: 1003px;height: 310px;
    border: 1px solid #a0a0a0;
    position: relative;
}
.right_tops .time{
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}
.right_tops .over{
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}
.right_tops .details{
    width: 955px;height: 175px;
    border: 1px solid #a0a0a0;
    margin: 0px  auto;
    margin-top: 15px;
}
.right_tops .details ul{
    margin: 10px 0;
}
.right_tops .details li{
    font-size: 16px;
    line-height: 30px;
    margin-left: 25px;
}


.ri_ri_ul .ri_waiting{
    margin-left: 50px;
    font-weight: bold;
}
.ri_ri_ul .ri_m{
    margin-left: 70px;
}
.ri_ri_ul .ri_finish{
    margin-left: 90px;

}
.ri_ri_ul .ri_finish p{
    font-size: 14px;
    color: #767676;
}
.ri_ri_ul .ri_finish p a{
    color: #767676;
}
.ri_ri_ul .ri_waiting p{
    font-size: 14px;

    line-height: 35px;
}
.ri_ri_ul .ri_waiting p a{
    color: #696969;
}
.submit{
    width:80px;
   margin:auto;
    color: #000000;
    margin-left: 0px;
    cursor:pointer;}

.submits{
    width:80px;

    position: absolute;
    color: #000000;
    margin-left: 150px;
   cursor:pointer;
}
.subm{
    display: inline-block;
    width:80px;
    margin: 5px 0;
}
.form{
    margin-left: 71%;
    *margin-top: -20px; ;
}
.form span{
    display: inline-block;
    width: 130px;
}
.form input{
    font-size: 16px;
    width: 50px;
    height: 30px;
    margin-left: 10px;
    background: url("");
}

/**发送模态框*!/*/
.send-modal{
    position: fixed;
    left:45%;
    top:40%;
    display: none;
    z-index: 99999;
    width: 650px;
    height: 500px;
    margin-left:-255px;
    margin-top: -137px;
    background-color: #fff;
}
.send-modal .modal-top{
    width: 100%;
    height: 26px;
}
.send-modal .modal-content{
    width: 650px;
    min-height: 248px;
    padding-left: 30px;
    padding-right: 30px;
}
.send-modal .modal-content>p{
    font-size: 18px;
    width: 600px;
    line-height: 30px;
}
.send-modal .modal-content>form .inputs{
    float: left;
    width: 305px;
    height: 25px;
    margin-top: 20px;
}
.send-modal .modal-content>form .inputs ul{
    position: relative;
}

.send-modal .modal-content>form .inputs ul li{
    width: 640px;
    height: 25px;
    margin-bottom: 40px;
}
.send-modal .modal-content>form .inputs ul li input{
    position: absolute;
    left: 80px;
}
.send-modal .modal-content>form .inputs ul li span{
    display: inline-block;
    width: 70px;
    height: 25px;
    text-align: right;

}

.send-modal .modal-content>form .inputs .ipts{
    width: 328px;
    height: 32px;
    margin-bottom: 10px;
    border:1px solid #999;
}
.send-modal .modal-content>form .addbtn{
    float: right;
    width: 98px;
    height: 32px;
    margin-top: 10px;
    line-height: 32px;
    text-align: center;
    border:1px solid #999;
}
.send-modal .modal-content>form .addbtn>a#addbtn{
    font-size: 16px;
    color:#111;
}
.send-modal .modal-content>form .subbtn{
    width: 200px;
    height: 60px;
    position: relative;
    left: 400px;
    top: 80px;;
}
.send-modal .modal-content>form .subbtn input{
    float: left;
    margin-left: 15px;
    width: 60px;height: 20px;
    background: #b52435;color: #ffffff;
}

.send-modal .modal-content>form .subbtn>input:hover{cursor: pointer;}
.send-modal-bg{
    position: absolute;
    left:0;
    top:0;
    display: none;
    z-index: 9999;
    width: 100%;
    min-height: 100%;
    background-color: #000000;
    filter:alpha(opacity=50);
    opacity: 0.5;
}
/*图片*/
.imgdiv{
    width: 200px;
    height: 100px;
    position: absolute;
    left: 80px;
    top: 200px;
    background: #666666;
}

.file {
    width: 80px;
    height: 100px;
    display: block;
    margin-left: 200px;
    position: absolute;
    margin-top: -20px;
    z-index: 999;
    opacity: 0;
    filter:alpha(opacity=0);
}
.and{
    font-size: 200px;
    margin-left: 260px;
    margin-top: -120px;
    *margin-top: -130px;
}

#inbox{
    width: 200px;
    height: 100px;
    background: #eeeeee;
    position: relative;
    left: 80px;
    top: -20px;z-index: 999;
    color: #c0bbbb;
    text-align: center;
    line-height: 100px;
}


.send-modals{
    width: 610px;
    height: 233px;
    position: fixed;
    left:45%;
    top:45%;
    display: none;
    z-index: 99999;
    margin-left:-255px;
    margin-top: -137px;
    background-color: #fff;
}


.send-modall{
    width: 785px;
    min-height: 318px;
    position: fixed;
    left:45%;
    top:45%;
    display: none;
    z-index: 99999;
    margin-left:-255px;
    margin-top: -137px;
    background-color: #fff;
}

.send-modall ul{
    float: left;
}
.send-modall .modal_ul1{
    width: 205px;
    height: 274px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}
.send-modall .modal_ul1 li{
    width: 205px;
    height: 30px;
    border: 1px solid dimgrey;font-size: 16px;
    text-align: center;line-height: 30px;
}
.send-modall .modal_ul2{
    width: 578px;
    height: 274px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}
.send-modall .modal_ul2 li{
    width: 578px;
    height: 30px;
    border: 1px solid dimgrey;font-size: 16px;line-height: 30px;
}
.send-modall .modal_li{
    color: #01a918;
}

#close-modal{
    display: block;
    width:35px;
    height:35px;
    background: url(/public/images/order/xxxs_15.png);
    position: absolute;
    left: 760px;
    top: -20px;;
}
#close-modals{
    display: block;
    width:35px;
    height:35px;
    background: url(/public/images/order/xxxs_15.png);
    position: absolute;
    left: 620px;
    top: -20px;;
}
#close-modalss{
    display: block;
    width:35px;
    height:35px;
    background: url(/public/images/order/xxxs_15.png);
    position: absolute;
    left: 580px;
    top: -20px;;
}
.close-moda8{
    display: block;
    width:35px;
    height:35px;
    background: url(/public/images/order/xxxs_15.png);
    position: absolute;
    left: 880px;
    top: -20px;;
}
.modal-content8{ width: 930px!important; }
.ul100{
    width: 890px;
    min-height: 74px;
    max-height: 400px;
    margin: 20px auto;
    overflow-y:auto
}
.ul100 li{
    width: 150px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    margin: 5px 10px;
    float: left;
    border: 1px solid #666666;
    background: url("/public/images/order/wjx_33.png");
    background-position: 65px 2px;
    background-repeat: no-repeat;
    font-weight: bold;
}
.ul100 li span{
    display: inline-block;
    width: 60px;
    text-align: center;
}
.ul100 li span+span{
    margin-left: 25px;
}
.li0{
    float: left;
}
.li00{
    float: left;
    margin-left: 30px;
}
.details li+li+li{
    clear: both;
}
.send-moda8{
    width: 900px;
    height: 300px;
    position: fixed;
    left:45%;
    top:50%;
    display: none;
    z-index: 99999;
    margin-left:-255px;
    margin-top: -137px;
    background-color: #fff;
}


/*星星*/
#xzw_starSys{width:300px;height: 50px;margin: 20px 0 0 60px}
#xzw_starBox{position:relative;width:120px;float:left;margin-left: 20px;*margin-top: 20px; }
#xzw_starSys .description{clear:both;padding:10px 0px}
#xzw_starSys .star{height:20px;width:120px;position:relative;background:url(/public/images/order/lanrentuku.png) repeat-x;cursor:pointer}
#xzw_starSys .star li{float:left;padding:0px;margin:0px}
#xzw_starSys .star li a{display:block;width:24px;height:20px;overflow:hidden;text-indent:-9999px;position:absolute;z-index:5}
#xzw_starSys .star li a:hover{background:url(/public/images/order/lanrentuku.png) 0 -25px repeat-x;z-index:3;left:0}
#xzw_starSys .star a.one-star{left:0}
#xzw_starSys .star a.one-star:hover{width:24px}
#xzw_starSys .star a.two-stars{left:24px}
#xzw_starSys .star a.two-stars:hover{width:48px}
#xzw_starSys .star a.three-stars{left:48px}
#xzw_starSys .star a.three-stars:hover{width:72px}
#xzw_starSys .star a.four-stars{left:72px}
#xzw_starSys .star a.four-stars:hover{width:96px}
#xzw_starSys .star a.five-stars{left:96px}
#xzw_starSys .star a.five-stars:hover{width:120px}
#xzw_starSys .current-rating{background:url(/public/images/order/lanrentuku.png) 0 -25px repeat-x;position:absolute;height:20px;z-index:1;top:0;left:0}
.divss .pul{clear: both;padding-top: 10px;  margin-left: -20px;
}
.divss .deatta{
    position: absolute;
    top: 20px;left: 40px;
}

.divss .pul textarea{width: 500px;height: 130px;border: 1px solid #dcdcdc;margin-left: 35px;margin-top: -15px;word-break:break-all
}
.divss .subbtn{width: 80px;height: 30px;position: relative;left: 480px;  top: 5px;
}
.divss .subbtn input{width: 60px;height: 25px;background: #ab1e2f;color: #ffffff;
}
.ko{ width: 1003px; height: 35px; border-bottom: 1px solid #dcdcdc;
}

/* 邀请好处 模态框*/
#benefit-modal{
    position: fixed;
    left:50%;
    top:50%;
    display: none;
    z-index: 99999;
    width: 530px;
    height: 262px;
    padding:30px;
    margin-left:-295px;
    margin-top: -161px;
    background-color: #fff
}
#benefit-modal .modal-top{
    width: 510px;
    height: 37px;
    font-size: 16px;
    color:#fff799;
    line-height: 37px;
    padding-left: 20px;
    background: url(/public/images/order/haochubg.jpg) no-repeat left top;
}
#benefit-modal .modal-content{
    position: relative;
    width: 530px;
    height: 195px;
    padding-top: 30px;
}
#benefit-modal .modal-content>p{
    font-size: 16px;
    color:#000;
    line-height: 40px;
}
#benefit-modal .modal-content>button{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 176px;
    height: 38px;
    border:none;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color:#a40000;
    font-family: "Microsoft Yahei";
    background: url(/public/images/order/iknowbg.jpg) no-repeat left top;
}
#benefit-modal .modal-content>button:hover{cursor: pointer;}

/* 模态框背景 */
.modal-bg{
    position:fixed;
    left:0;
    top:0;
    display: none;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;
}